<div class="container gn-metadata-view gn-metadata-view-groovy">
  <script type="application/javascript" fmt-if="isHTML">
    //<![CDATA[
    document.title = "{{pageTitle}}";
    var headEl = $("head");
    var iconLink = headEl.children("link[rel='shortcut icon']");
    if (iconLink.length > 0) {
      iconLink.attr("href", "{{logo}}");
    } else {
      headEl.append("<link rel='shortcut icon' type='image/x-icon' href='{{logo}}'></link>");
    }
    //]]>
  </script>
  <h1>
    <img fmt-if="logo" class="logo" src="{{logo | escapeXmlAttrs}}"></img>
    <i fmt-if="!logo" class="fa fa-arrow-circle-down"></i>
    <span class="title">{{title | escapeXmlContent}}</span>
  </h1>
  <ul fmt-if="!isPDF" class="view-outline nav nav-tabs">
    <li fmt-if="addOverviewNavItem" id="tab-overview">
      <a href="" rel=".overview" fmt-translate="">overview</a>
    </li>
    <li fmt-if="associated" id="tab-associated">
      <a href="" rel=".container > .associated"><span fmt-translate="">associated-link</span>&amp;nbsp;
        <i class="fa fa-circle-o-notch fa-spin associated-spinner"></i></a>
    </li>
    <li fmt-if="addCompleteNavItem" id="tab-complete">
      <a fmt-translate="" href="" rel=".container > .entry:not(.overview)">complete</a>
    </li>
    <li fmt-repeat="item in navBar" title="{{item.name | escapeXmlAttrs}}" id="tab-{{item.rel}}">
      <a fmt-if="item.href" href="{{item.href | escapeXmlAttrs}}" target="_blank">{{item.abbrName |
        escapeXmlContent}}</a>
      <a fmt-if="item.rel" rel="{{item.rel | escapeXmlAttrs}}">{{item.abbrName |
        escapeXmlContent}}</a>
    </li>
    <li fmt-if="showNavOverflow" class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" title="More information"><i
        class="fa fa-ellipsis-h"></i><b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li fmt-repeat="item in navBarOverflow" id="tab-{{item.rel}}">
          <a fmt-if="item.href" href="{{item.href | escapeXmlAttrs}}" target="_blank">{{item.abbrName
            | escapeXmlContent}}</a>
          <a fmt-if="item.rel" rel="{{item.rel | escapeXmlAttrs}}">{{item.abbrName |
            escapeXmlContent}}</a>
        </li>
      </ul>
    </li>
  </ul>
  <div class="entry overview" data-fmt-if="!isPDF">
    <h3>
      <button type="button" class="btn btn-default toggler" target="{{'' | generateUUID}}">
        <i class="fa fa-arrow-circle-down"></i>
      </button>
      <span fmt-translate="">overview</span>
    </h3>

    <div id="{{'' | lastUUID}}" class="entry target">
      <img fmt-if="thumbnail" class="thumbnail" src="{{thumbnail | escapeXmlAttrs}}"></img>
      <div fmt-if="abstract" class="entry abstract">
        <h3>
          <button type="button" class="btn btn-default toggler" target="{{'' | generateUUID}}">
            <i class="fa fa-arrow-circle-down"></i>
          </button>
          <span fmt-translate="">abstract</span>
        </h3>

        <dd id="{{'' | lastUUID}}" class="target">
          {{abstract}}
        </dd>
      </div>
      {{keywords}}
      {{formats}}
      {{extents}}

      <div fmt-include="html/links.html" fmt-include-replace="true"/>
    </div>
  </div>

  {{content}}
  <div class="entry associated">
        <span data-fmt-if="isPDF">
            <div fmt-include="html/links.html" fmt-include-replace="true"/>
        </span>
    <div fmt-include="html/associated.html" fmt-include-replace="true"/>
  </div>
</div>
